body
{
    padding: 1px;
    margin: 0px;
    font-family:Verdana;
    overflow: hidden;
    height:100%;
}

 .tabButton
{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#000000;
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    height:30px;
    width:100%;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    cursor: hand;
}


/* .buttonSubmit{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    text-indent:0;
    border:1px solid #dcdcdc;
    color:#000000;
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    height:25px;
    /* width:75px; */
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    cursor: hand;
    /* width:100%; */
    float: left;
 }
*/

.tabs
{
    height:30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e9e9e9;
}

.toolbar
{
    padding: 5px;
}

.code
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #f7f7f7;
    height:700px;
    margin: 0px; 
    padding: 0px;
    position:fixed;
    width:100%;
    overflow:hidden;
}

.tabContent
{
    width: 100%;
}


.btnUpdate{
	position : fixed;
	top : 2px;
	left : 2px;
	width : 100px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    text-indent:0;
    border:1px solid #dcdcdc;
    color:#000000;
    font-family:Verdana;
    font-size:11px;
    font-style:normal;
    height:25px;
    /* width:75px; */
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    cursor: hand;
    /* width:100%; */
    float: left;
}

#btnLock{
	z-index : 10;
	opacity : 0.4;
	filter : alpha(opacity=40); /* For IE8 and earlier */
	cursor : pointer;
	position : fixed;
	top : 3px;
	right : 3px;
}

#btnLock:hover{
	opacity : 1.0;
	filter : alpha(opacity=100); /* For IE8 and earlier */
}

#btnURL{
    z-index : 10;
    opacity : 0.4;
    filter : alpha(opacity=40); /* For IE8 and earlier */
    cursor : pointer;
    position : fixed;
    top : 3px;
    right : 28px;
}

#btnURL:hover{
    opacity : 1.0;
    filter : alpha(opacity=100); /* For IE8 and earlier */
}


#btnReload{
    z-index : 10;
    opacity : 0.4;
    filter : alpha(opacity=40); /* For IE8 and earlier */
    cursor : pointer;
    position : fixed;
    top : 3px;
    right : 53px;
}

#btnReload:hover{
    opacity : 1.0;
    filter : alpha(opacity=100); /* For IE8 and earlier */
}

#btnDocumentation{
	cursor : pointer;
    position : fixed;
	z-index : 10;
	top : 3px;
    right : 78px;
    display : none;
}

#div_documentation{
	overflow-y: auto;
}

#developerWindow{
	position: absolute;
	left : 0px;
	top: 30px;
	right : 0px;
	bottom : 0px;
	z-index : 1;
	overflow-y: scroll;
    display : none;
}

#supportWindow{
    position: absolute;
    left : 0px;
    top: 30px;
    right: 0px; 
    bottom: 0px;
    z-index : 1;
    overflow: auto !important;
}

/**
    OVERRIDE THE ALPACA STYLE
**/
legend{
	font-size : 11px !important;
	font-familty : Tahoma !important;
	color : #333 !important;
	font-weight : bold !important;
	border-bottom-style : solid !important;
	border-bottom-width : 1px !important;
	border-bottom-color: #EEE !important;
}

fieldset{
	border-style : none !important;
	margin-top : 20px;
}

.alpaca-fieldset{
	overflow: none !important;
}

.alpaca-fieldset-item-container{
	overflow: none !important;
}

#alpacaform ol li .alpaca-fieldset{
    margin-top : 20px !important;
}

#alpacaform ol li li .alpaca-fieldset {
    margin-top : 10px !important;
    margin-left : 20px;
}

#alpacaform ol li li .alpaca-fieldset > legend{
    margin-top : 0px !important;
    font-weight: normal !important;
    font-style: italic !important;
}

.alpaca-fieldset-helper{
	padding : 0px !important;
	padding-bottom : 10px !important;
	margin-left : 3px;
	font-size : 14px;
	font-family : Calibri;
	color : #AAA;
}

#alpacaform ol{
	padding : 0px !important;
	-webkit-padding-start: 0px !important;
	-webkit-margin-before: 0px !important;
	-webkit-margin-after: 0px !important;
}

#alpacaform li{
	padding : 0px !important;
	margin : 0px !important;
}

#alpacaform select{
	padding : 1px !important;
}

.alpaca-controlfield{
	-webkit-padding-start: 0px !important;
    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
    padding : 0px;
    margin-top : 0px !important;
    margin-bottom: 0px !important;
}

span.ui-icon{
	float : left !important;
	display : none !important;
	
}

.alpaca-controlfield-helper{
    font-size : 9px !important;
    font-style : italic;
    color : #AAA;
    font-weight : normal !important;
    font-family : Verdana !important;
}

.alpaca-controlfield-helper-text{
    font-size : 9px !important;
    font-style : italic;
    color : #666;
    font-weight : normal !important;
    font-family : Verdana !important;
    display : block;
    padding-top : 5px;
    padding-bottom: 4px;
}


.alpaca-view-web-list.fieldset-collapsed{
	border-style : none !important;
}

SPAN.alpaca-view-web-list label.alpaca-controlfield-label{
	font-size : 10px !important;
	font-weight : normal !important;
	font-family : Verdana;
	margin-top : 0px !important;
	width : 120px !important;
}

legend.alpaca-fieldset-legend{
	margin-bottom : 0px !important;
}

#alpacaform > fieldset{
	margin-top: 0px !important;
}

#alpacaform{
	line-height : normal !important;
}

.alpaca-controlfield-container{
	padding : 0px !important;
}

input[type=text], textarea, select {
	width: auto;
	font-size : 10px !important;
	font-family: Verdana !important;
	margin-top : 2px !important;
}

select{
	padding-top : 0px !important;
	padding-bottom : 0px !important;
	font-size : 10px !important;
	font-family: Verdana !important;
}

input[type=checkbox]{
	border-style : none !important;
	margin-top : 4px !important;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

input[type=radio]{
    border-style : none !important;
    margin-top : 4px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    width: auto;
}

option {
	font-size : 10px !important;
	font-family : Verdana !important;
}

.alpaca-controlfield-radio{
	padding-top : 0px !important;
}

.alpaca-controlfield-radio-label{
	font-size : 10px !important;
    font-family: Verdana !important;
    font-weight: normal !important;
    margin-right: 20px;
    margin-top: -4px !important;
    margin-bottom : 0px !important;
}

#componentselector{
	font-size : 10px;
	width: 100%;
}
 
 
 
 